<template>
  <div class="app-container">
     <div class="search">
          <el-col :span="12">
            <el-button size="mini" type="primary" @click="addRow">添加</el-button>
            <el-button size="mini" type="primary" @click="removeRows">删除</el-button>
            <el-button size="mini" type="primary" @click="loadTableRows">刷新</el-button>
          </el-col>
        </div>

         <el-table
            ref="multipleTableRef"
            v-loading="loading"
            :data="tableRows"
            highlight-current-row
            @selection-change="selectionChange"
            @current-change="currentChange"
         >
         <el-table-column type="selection" width="50" align="center"></el-table-column>
         <el-table-column label="序号" type="index" width="80"></el-table-column>
         <el-table-column prop="name" label="名称" width="150" align="center"></el-table-column>
         <el-table-column label="操作" align="center" width="150px">
            <template slot-scope="scope">
               <el-button size="mini" type="primary" @click="editRow(scope.row)">修改</el-button>
               <el-button size="mini" type="danger" @click="removeRow([scope.row])">删除</el-button>
            </template>
         </el-table-column>
         </el-table>
  </div>
</template>

<script setup lang="ts">
</script>

<style lang="scss" scoped></style>

